<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
    <meta name="format-detection" content="telephone=yes"/>
    <title>哈啰通用</title>
    <style>
        button{border: none;}
        *{margin: 0;padding: 0;}
        .down-page{width: 100%;height: 100vh;position: relative;}
        .img{width: 100%;}
        ul li{list-style: none;}
        .f8{font-size: 0.8em;}
        .f6{font-size: 0.6em}
        .b-bot{border-bottom: 1px solid #E2E2E2;}
        /*.hide1{display: none;}*/
        .dis-b{display: block;}
        .box{width:75%;height: 220px; box-shadow:0 0 6px #bfcdb9;text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #FFFFFF;border-radius: 5px;}
        .btn {height: 30px;line-height: 30px;border-top: 1px solid #FFFFFF;}
        .btn button{display: inline-block;height: 40px;line-height: 40px; width: 49%;box-sizing: border-box;background-color: inherit;border-style: none;}
        .btn button:active{background-color: gold;border-radius: 5px;}
        .topName{height: 40px;line-height: 40px;width: 100%;}
        /*imgBox*/
        .imgBox{width: 50px;height: 50px;border-radius: 30px;margin: 10px auto;overflow: hidden;}
        .imgBox img{width: 100%;height: 100%;}
        .ulLi{width: 72%;margin: 0 auto;text-align: left;line-height: 30px}
        .ulLi1{color: #ccc;}
        .ulLi1 span{display: inline-block;width: 1px;height: 1px;}
    </style>
</head>
<body>
<div class="down-page">
    <img class="img" src="../Images/down-pic.png" alt="">
    <div class="box hide1">
        <ul>
            <li><span class="topName dis-b b-bot">微信登录</span></li>
            <li class="imgBox">
                <img src="../Images/Artboard%2050.png" alt="">
            </li>
            <li class="f8 b-bot ulLi">智能售货柜申请获得以下权利:</li>
            <li class="f6 ulLi ulLi1"><span></span>获得你的公开信息（昵称、头像等）</li>
            <li class="btn" >
                <button class="refuse">拒绝</button>
                <button class="allow" style="border-left: 1px solid #FFFFFF;">允许</button>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="../Js/jquery-2.1.4.min.js"></script>
<script src="../Js/code.js"></script>
<script type="text/javascript">
    browserRedirect();
    $(function () {
        $('.allow').click(function () {
            var Appid='wx94a07009126384e4';
            var Secret='f9852c5e5e8e841745bc1ce340d8ee5f';
            var Mch_id='1493055182';     //商户号
            var Plan_id='';           //模板id
            var ontract_code='';      //签约协议号
            var request_serial='';     //请求序列号
            var contract_display_account='HoloGo智能售货机';//用户账户展示名称
            var notify_url='';//回调通知url
            var  version='1.0';//版本号
            var sign='';//签名
            var timestamp='';//时间戳
            $.ajax({
                type: "get",
                contentType: "application/json",
                url: "https://api.mch.weixin.qq.com/papay/entrustweb",
                data: "{appid:'"+Appid+"',secret:'"+Secret+"'}",
                success: function (data) {
                    alert(data);
                }
            })
        })
    })

</script>
</body>
</html>